﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<TVWeb.Models.Comment>>" %>


<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="/Scripts/ourScript.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.tipsy.js"></script>

    <h2><%: ViewData["Message"] %></h2>

    <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/Lq5om-jFJKE" frameborder="0" allowfullscreen></iframe>
 
    <div id="likeList">lækin</div>
                    <a rel='tipsy' title='likeList'>
                        <a href='#' onclick='$("likeList").tipsy("show"); return false;'>Show likes</a>
                    </a>
    

    <div>
        <ul  class="commentList" id="myComments">
        </ul>
    </div>
    <div>
	    <ul class="commentList">
			<li class="commentAdd">
				<textarea id="CommentText" name="CommentText" rows="3" cols="20"></textarea>
			
                <label>
					<input type="submit" id="addNewComment" value="Skrifa athugasemd" />
				</label>

			</li>
        </ul>
    </div>


	<script id="commentTemplate" type="text/html">
		<li>
			<a href="http://www.ru.is"><img src='<%= Url.Content("~/Images/User.png") %>' alt="Notandi" /></a>
			<div class="commentBody">
				<a href="http://www.ru.is">${UserName}</a>
				<span>${CommentText}</span>
				<div>
					<abbr title='${CommentDate}'>${CommentDate}</abbr>

        			<a href="#" class="likeButton" onclick="saveLike(this,${ID});"> Líkar þetta</a>
                   

                </div>
			</div>
		</li>
    </script>
</asp:Content>
